<!DOCTYPE html>
<html lang="en">
<head>
<title>What are some guidelines for making content accessible?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">What are some guidelines for making content accessible?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_FB691D43-1E78-4EAA-8A4E-71C713ED67C9" class="text-block-content">
    <p>Sakai uses a single consistent <a href="content.hlp?docId=whatistherichtexteditor">Rich Text Editor</a> across all areas where text can be added that is more than a few lines. This editor is based on the most recent stable version of the <a href="http://docs.ckeditor.com/" target="_blank">CKEditor</a>.</p>
<p>When creating content using the Rich Text Editor, it is important that the author follows the simple guidelines below to ensure that the content can be read and understood by all. Creating well-structured and accessible content is a best practice that ensures that content is compatible with assistive devices, such as screen readers, and robust enough to be copied and pasted to other contexts or presented in unanticipated contexts. Making content accessible is also a legal requirement.</p>
<p>The technical measure of accessibility for a web-based resource is the <a href="http://www.w3.org/TR/WCAG20/" target="_blank">WCAG 2.0</a> standard from the <a href="http://www.w3.org/" target="_blank">W3C</a>. The requirements of the <a href="http://www.w3.org/TR/WCAG20/" target="_blank">WCAG 2.0</a> are summarized in the four-letter acronym POUR:</p>
<ul>
<li>Perceivable - Information must be presentable to users in ways they can perceive.</li>
<li>Operable - User interface components, navigation, and structure must be operable.</li>
<li>Understandable - Information and the operation of the user interface must be understandable, and structural elements should be used in a meaningful way.</li>
<li>Robust - Content must be robust enough so that it can be interpreted reliably by a wide variety of technologies, including assistive technologies.</li>
</ul>
<p>These relatively simple considerations make a big difference if applied when content is created. The <a href="http://www.w3.org/" target="_blank">W3C</a> provides more information in its <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html" target="_blank">Introduction to Understanding WCAG 2.0</a>.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="see-the-articles-linked-below">
    <h2 class="step-title screensteps-heading">See the following articles for additional info.</h2>
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8A1E9823-AC74-4247-B7A4-B48470623F5A" class="text-block-content">
    <p>The articles below provide instructions to make specific kinds of content more accessible.</p>
<ul>
<li><a href="content.hlp?docId=howcanimakeimagesmoreaccessible">How can I make images more accessible?</a></li>
<li><a href="content.hlp?docId=howcanimaketablesmoreaccessible">How can I make tables more accessible?</a></li>
<li><a href="content.hlp?docId=howcanimakevideosandaudiofilesmoreaccessible">How can I make videos and audio files more accessible?</a></li>
<li><a href="content.hlp?docId=howcanimakelinksaccessible">How can I make links accessible?</a></li>
<li><a href="content.hlp?docId=howcanimakelistsofitemsaccessible">How can I make lists of items accessible?</a></li>
<li><a href="content.hlp?docId=howcanchoicesinbackgroundandtextcoloraffectaccessibility">How can choices in background and text color affect accessibility?</a></li>
<li><a href="content.hlp?docId=howcanistructuremydocumenttomakeitmoreaccessible">How can I structure my document to make it more accessible?</a></li>
<li><a href="content.hlp?docId=whyshouldiuseparagraphbreaksinmydocument">Why should I use paragraph breaks in my document?</a></li>
</ul>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
